html,
body {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    box-sizing: border-box;
}

@media only screen and (max-width: 960px) {
    body {
        width: 960px;
    }
}

a {
    text-decoration: none;
}

.btn,
.btn-lg,
.btn-sm {
    outline: none;
    position: relative;
    width: auto;
    display: inline-block;
}

.btn {
    font-size: 16px;
    padding: 6px 10px;
}

.btn-lg {
    font-size: 18px;
    padding: 8px 15px;
}

.btn-sm {
    font-size: 14px;
    padding: 4px 5px;
}

.btn-default {
    background-color: #626060;
}

.btn-success {
    background-color: #01C632;
}

.btn-warn {
    background-color: #EF6C35;
}

.btn-error {
    background-color: #FF165D;
}

.btn-plain {
    background-color: transparent;
}

.btn-default,
.btn-success,
.btn-warn,
.btn-error,
.btn-plain {
    border: none;
    outline: none;
    color: white;
}

.btn-default:hover::after,
.btn-success:hover::after,
.btn-warn:hover::after,
.btn-error:hover::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.1;
    cursor: pointer;
}

.btn-default:active,
.btn-success:active,
.btn-warn:active,
.btn-error:active {
    left: 1px;
    top: 1px;
}

.btn-plain {
    color: black;
}
.btn-plain:hover {
    cursor: pointer;
}
